<template>
    <view>
        <view>纵向滚动（scroll）示例：</view>
        <scroll-view scroll-y="true" style="height: 300rpx; background-color: #f0f0f0;">
            <view style="height: 600rpx;">
                <view>纵向滚动内容区域</view>
                <view>可以上下滚动查看隐藏内容</view>
                <view style="margin-top: 500rpx;">这是底部内容</view>
            </view>
        </scroll-view>

        <view style="margin-top: 40rpx;">横向滚动（scroll）示例：</view>
        <scroll-view scroll-x="true" style="width: 100%; white-space: nowrap; background-color: #f0f0f0;">
            <view style="display: inline-block; width: 800rpx;">
                <view>横向滚动内容区域</view>
                <view>可以左右滚动查看隐藏内容</view>
                <view style="margin-left: 500rpx;">这是右侧内容</view>
            </view>
        </scroll-view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                
            }
        },
        methods: {
            
        }
    }
</script>

<style>
</style>